<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="Description">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <link href="themes/prism.css" rel="stylesheet" />
    <link rel="stylesheet" href="//fastly.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
    <!-- 黑白模式切换 -->
    <link rel="stylesheet" href="//fastly.jsdelivr.net/npm/docsify-dark-mode@latest/dist/style.min.css" />
    <!-- 顶部横幅 -->
    <link rel="stylesheet" href="//fastly.jsdelivr.net/npm/docsify-top-banner-plugin@latest/dist/style.css" />
    <!-- GIF播放 -->
    <link rel="stylesheet" href="//unpkg.com/docsify-gifcontrol/dist/docsify-gifcontrol.css">

    <title>ChenJieYaYa</title>
    <!-- 矢量图库的title边的图 -->
    <link rel="icon" href="assets/cover-title.png" type="images/x-ico" />

    <link rel="stylesheet" href="./index.css">
  </head>
  <body>
    <div id="app"></div>

    <script>
        /*var jsResources = '<scr' + 'ipt src="//unpkg.com/vue/dist/vue.js"></scr' + 'ipt>'
        var cssResources = '@import url("//cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css");'
        var bootCode = 'var globalVariable = "leon"'
        var globalVariable = "leon"*/

        window.$docsify = {
            //封面
            coverpage: true,//封面，从_coverpage.md中加载
            onlyCover: true,//只在访问主页时加载封面

            //左侧：搜索+标题+目录
            search: {//搜索，配合js
                maxAge: 86400000,//过期时间，默认一天
                paths: 'auto',
                placeholder: '🔍search',//默认提示
                noData: 'No Result',//没有查到结果提示
                depth: 6//标题深度1-6
            },
            name: '<h3>ChenJieYaYa</h3>',//左上角标题
            nameLink: '#/',//点击标题后跳转的页面：封面
            maxLevel: 4,//左侧目录渲染3级标题
            /*loadSidebar: true,//侧边栏下拉
            alias: {
                '/.*!/_sidebar.md': '/_sidebar.md',
            },
            subMaxLevel: 3,
            sidebarDisplayLevel: 1,*/

            //导航栏
            loadNavbar: false,//加载默认文件_navbar.md
            mergeNavbar: true,//小屏设备下合并导航栏到侧边栏

            //页面
            auto2top: true,//切换页面后是否自动跳转到页面顶部
            themeColor: '#2185d5',//主题颜色:蓝色
            //topMargin: 60,//正文到顶部的距离
            executeScript: true,//执行页面上的脚本，仅解析第一个脚本标记，如果存在Vue，则默认情况下将启用它
            copyCode: {//代码复制提示
                buttonText : '📃',
                errorText  : 'NO',
                successText: 'OK'
            },
            count:{//字数统计
                countable: true,
                fontsize: '0.9em',
                color: 'rgb(90,90,90)',
                language: 'chinese'
            },
            /*darkMode: {//黑白模式切换
                dark: {
                    background: "#1c2022",
                    toggleBtnBg: "#34495e",
                    textColor: "#b4b4b4"
                },
                light: {
                    background: "white",
                    toggleBtnBg: "var(--theme-color)",
                    textColor: "var(--theme-color)"
                }
            },*/
            /*topBanner: {//横幅
                position:"",
                content:'好好学习???',
                textAlign:'center',
                linkColor:'#fff',//锚标记文本颜色
                textColor:'#fff',
                backgroundColor:'#000'
            },*/
            tabs: {
                persist    : true,
                sync       : true,//允许在同TabTitle中同步
                theme      : 'classic',
                tabComments: true,//允许Tab中定义Tab
                tabHeadings: true
            },
            'flexible-alerts': {
                note: {
                    label: {
                        '/de-DE/': 'Hinweis',
                        '/': 'Node'//备注
                    }
                },
                tip: {
                    label: {
                        '/de-DE/': 'Tipp',
                        '/': 'Tip'//提醒
                    }
                },
                warning: {
                    label: {
                        '/de-DE/': 'Warnung',
                        '/': 'Warning'//警告
                    }
                },
                attention: {
                    label: {
                        '/de-DE/': 'Achtung',
                        '/': 'Notice'//注意
                    }
                }
            },
            repo:'true',//左上角Icon
            corner: {//左上角Icon
                url: "#/README",
                // you can set the image link here
                icon: "./assets/icon-right.svg",
                // the size of the image
                width: 120,
                height: 90,
                target: '_self',
                /*icon-url-target-width-height-color-background-title*/
            },
            repo: 'https://github.com/njleonzhang/docsify-demo-box-vue',
            formatUpdated: '{YYYY}/{MM}/{DD} {HH}:{mm}',//文件的更新的日期的格式
            plugins: [
                //DemoBoxVue.create(jsResources, cssResources, bootCode),
                function backHome(hook,vm){//回到首页
                    hook.beforeEach(function (html) {
                        return  html
                            + '<div style="position: fixed;right: 32px;bottom: 32px;z-index: 1;width:40px;height:40px;cursor: pointer;background-color: #2185D5;border-radius: 10px">'
                            + '<a class="my" href="#/README" style="display: inline-block;height: 100%;width: 100%;border-radius: 10px;display: flex;justify-content: center;align-items: center">'
                            + '<img src="./assets/icon-home.svg" style="display: inline-block;width: 20px;height: 25px;border: none;cursor: pointer" />'
                            + '</a>'
                            + '</div>'
                    })
                },
                function footerText(hook,vm) {//页脚
                    hook.beforeEach(function (html) {
                        return  html
                            + '<div style="display: flex;justify-content: space-between;color: rgb(90,90,90);font-size: 0.9em;border-top: 1px solid #eaeaea;padding-top: 20px;margin-top: 40px;">'
                            + '<span>Last Modified {docsify-updated}</span>'
                            + '<span>ChenJie &copy;2022. 每天一小步</span>'
                            + '</div>'
                    })
                }
            ],
        }
    </script>
    <!-- Docsify v4 -->
    <script src="//fastly.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
    <!-- 外联JS -->
    <script src="//fastly.jsdelivr.net/npm/docsify/lib/plugins/external-script.min.js"></script>
    <!-- emoji表情 -->
    <script src="//fastly.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
    <!-- 搜索 -->
    <script src="//fastly.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
    <!-- 侧边栏收缩 -->
    <!--<script src="//cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>-->
    <!-- 黑白模式切换 -->
    <!--<script src="//cdn.jsdelivr.net/npm/docsify-dark-mode@latest/dist/index.min.js"></script>-->
    <!-- 顶部横幅 -->
    <!--<script src="https://cdn.jsdelivr.net/npm/docsify-top-banner-plugin@latest/dist/index.js"></script>-->
    <!-- Tab分项 -->
    <script src="https://fastly.jsdelivr.net/npm/docsify-tabs@1"></script>
    <!-- ’>‘的特别提示 -->
    <script src="https://unpkg.com/docsify-plugin-flexible-alerts"></script>
    <!-- 左上角icon -->
    <script src="//fastly.jsdelivr.net/npm/docsify-corner/dist/docsify-corner.js"></script>
    <!-- 图片缩放 -->
    <script src="//fastly.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
    <!-- GIF播放 -->
    <script src="//unpkg.com/docsify-gifcontrol/dist/docsify-gifcontrol.js"></script>
    <!-- 字数统计 -->
    <script src="//unpkg.com/docsify-count/dist/countable.js"></script>
    <!-- 代码复制 -->
    <script src="//fastly.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
    <!-- 代码及时预览 -->
    <script src="//unpkg.com/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/docsify-demo-box-vue@2.7.14/dist/docsify-demo-box-vue.min.js"></script>
    <!-- 代码块中对应代码高亮 -->
    <script src="//fastly.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-sass.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-scss.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.22.0/components/prism-java.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-sql.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-yaml.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-nginx.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-docker.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-makefile.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-json.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-log.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-http.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-rest.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-shell-session.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-icon.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1/components/prism-php.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-go.min.js"></script>
    <script src="//fastly.jsdelivr.net/npm/prismjs@1.29.0/components/prism-python.min.js"></script>
    <!-- 回到顶部 -->
    <script src="https://knowledgeimagebed.oss-cn-hangzhou.aliyuncs.com/docsify/jquery.js"></script>
    <script src="https://knowledgeimagebed.oss-cn-hangzhou.aliyuncs.com/docsify/jquery.goup.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $.goup({
                trigger: 100,
                bottomOffset: 32,
                locationOffset: 32,
                //title: 'TOP',
                titleAsText: true
            });

            /*再添加一个回到首页的按钮*/
            $('<div class="mydiv" id="div1">测试</div>')
        });
    </script>
    <!-- 评论:https://valine.js.org/en/configuration.html https://github.com/cxcn/docsify-waline https://github.com/ndom91/docsify-commento-->
  </body>
</html>